
<template>
	<view class="content">
		<view class="status_bar"></view>
		<view class="cc">
			<view class="cc-center">头像：</view>
			<image class="image" :src="userInfo.avatar||'https://www.soccerpet.com/static/img/default_photo.png'"></image>
		</view>
		<view class="item">
			<view class="text">用户名称</view>
			<view class="text">{{userInfo.nickname}}</view>
		</view>
		<view class="item">
			<view class="text">我的手机号</view>
			<view class="text">{{userInfo.mobile}}</view>
		</view>
	</view>
</template>
<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		computed: {
			...mapGetters(['userInfo', 'api']),
		},
		data() {
			return {
				
			}
		},
		onLoad() {},
		methods:{}
		
	}
</script>

<style lang="scss" scoped>
	.content{
		padding: 5px 10px;box-sizing: border-box;color: #fff;
		.cc{
			width: 100%;background-color: #242448;padding: 10px;box-sizing: border-box;border-radius: 5px;
			display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;
			.image{
				width:50px;height: 50px;border-radius: 50%;margin-right: 10px;
			}
		}
		.item{
			width: 100%;background-color: #242448;padding: 10px;box-sizing: border-box;border-radius: 5px;
			display: flex;align-items: center;
			.text{
				margin-left: 10px;
			}
		}
	}
</style>
